/*
CSS Credit: http://www.templatemo.com/
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background:url(images/hippodrome_de_vincennes-1076&.jpg) top center no-repeat fixed #2a2a2a;
}

h1{font-family:verdana; font-size:14px; font-weight:bold; line-height:15px; color:#000000; letter-spacing:-1px;}
a:link, a:visited { color: #99bf28; text-decoration: underline; } 
a:active, a:hover { color: #99bf28; text-decoration:none; }

.en_savoir_plus {color:#fff; font-family:verdana; font-size:12px; float:right; background:#333333; border:0px; padding:3px 5px 5px 5px;}
.en_savoir_plus:hover{color:#FF6600; cursor:pointer;}

.en_savoir_plus1 {color:#fff; font-family:verdana; letter-spacing:1px; font-size:10px; float:right; background:#333333; border:0px; padding:2px 3px 3px 3px; }
.en_savoir_plus1:hover{color:#FF6600; cursor:pointer;}

.test a {color:#fff; font-family:verdana; font-size:12px; float:right; border:0px; padding:3px 5px 5px 5px;}
.test:hover{color:#FF6600; cursor:pointer;}

.cleaner {
	clear: both;
	height: 1px;
	width: 100%;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	height: 30px;
	width: 100%;
	font-size: 1px;	
}

/* top panel */

#templatemo_top_panel{
	width: 100%;
	height: 250px;	
	margin-bottom: 5px;
	background: url(images/templatemo_top_section_bg.jpg) top repeat-x ; z-index:10;
}

#templatemo_top_panel1{

	width: 100%;
	height: 250px;	
	margin-bottom: 5px;
	background: url(images/templatemo_top_section_bg.png) top repeat-x ; position:fixed; z-index:11;}

#templatemo_top_panel1 #templatemo_top_section1{
	width: 930px; /* + 30 for padding right */
	height: 195px; /* + 100 for padding */
	margin: 0 auto 0;
	padding-top: 50px;
	padding-right: 0px;
	background:  url(images/logo.png) no-repeat;
}

#templatemo_top_panel #templatemo_top_section{
	width: 1025px; /* + 30 for padding right */
	height: 255px; /* + 100 for padding */
	margin: 0 auto 0;
	padding-top: 15px;
	padding-right: 0px;
	background:  url(images/templatemo_header.jpg) no-repeat;
}

#templatemo_top_section #site_title {
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0;
	
}

#templatemo_top_section #site_tagline {
	text-align: right; letter-spacing:1px;
	font-size: 13px;
	font-weight: light;
	padding: 5px 0;
	color: #dcff86;
}

/* TemplateMo menu */

#templatemo_top_section #templatemo_menu{
	clear: both;
	margin-top: 18px;
	height: 35px;	
	text-align: right;
}

#templatemo_menu ul {
	text-align: right; letter-spacing:1px; font-family:verdana;
	margin: 0;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li{
	display: inline;
}

#templatemo_menu ul li a{
	padding: 2px 5px 0 5px;
	margin-right: 0px;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	text-decoration: none;
	color: #fbe270;
	border-right: 1px solid #5f3b11;	
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
	color: #ffffff;
}

#templatemo_menu li .last {
	border-right: none;
	padding-right: 0;
}
/* end of menu */

/* end of top panel */

/* content panel */

#templatemo_content_panel{
	clear: both;
	width:100%;;
}

#templatemo_content_panel #templatemo_content_section{
	clear: both;
	overflow: hidden;
	height: 100%;
	width: 1015px;
	padding: 0;
	margin: 0 auto;
}

#templatemo_content_section #templatemo_content_left {
	float: left;
	display: inline;
	width: 240px;
	margin-left: 25px;
}

#templatemo_content_section #templatemo_content_right {
	float: left;
	width: 550px;
	margin-left: 25px;
}

#templatemo_content_section #templatemo_content_right1 {
	float: right;
	width: 150px;
	margin-left: 25px; background:#FFFFFF; height:auto; border-radius: 12px;
}

* html #templatemo_content_section #templatemo_content_right {
	margin-right: 15px;
}
/* end of content panel */

/* content left */

#templatemo_content_left #login_section {
	clear: both;
	margin-bottom: 20px;
	
}

#login_section #login_section_top {
	width: 240px;
	height: 10px;
	background: url(images/templatemo_login_section_top.jpg) no-repeat;
}

* html #login_section #login_section_top {
	margin-bottom: -5px;
}

#login_section #login_section_title {
	font-size: 13px; font-family:verdana; text-transform:uppercase;
	font-weight: 500;
	padding: 10px 0 0 70px;
	height: 30px; /* padding top 10px + */
	background: url(images/templatemo_login_section_title.jpg) top center no-repeat;
}

#login_section #login_section_middle {
	background-color: #5f8104;
	padding: 10px 15px;
}

#login_section_middle a {color:#fff;}

#login_section_middle a:hover {color:#ccc;}

#login_section_middle form{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	width: 100%;
	text-align: right;
	border-bottom: 1px dotted #ffffff;
}


#login_section_middle .form_row{
	margin-bottom: 10px;
}


#login_section_middle label {
	margin-right: 10px;
}

#login_section_middle input{
	width: 130px;
	height: 18px;
	font-size:12px;
}

#login_section_middle .button{
	width: auto;
	height: auto;
    background:#333;
	border:none;
	padding:1px 5px 2px 5px;
	
	color:#FFF;
	
	font-weight:300;
	cursor:pointer;

}
#login_section_middle .button:hover{background:#000; box-shadow: 0px 0px 4px #fff; color:#FF6600;}

#login_section #login_section_bottom {
	width: 240px;
	height: 10px;
	background: url(images/templatemo_login_section_bottom.jpg) no-repeat;
}

#templatemo_content_left #left_column_section {
	clear: both;
	background-color: #353535;
}

#left_column_section #left_column_section_top {
	width: 240px;
	height: 10px;
	background: url(images/templatemo_left_column_section_top.jpg) no-repeat;
}

* html #left_column_section #left_column_section_top {
	margin-bottom: -5px;
}

#left_column_section #left_column_section_title {
	font-size: 13px; font-family:verdana; text-transform:uppercase;
	font-weight: 500;
	padding: 10px 0 0 60px;
	height: 33px; /* padding top 7px + */
	background: url(images/templatemo_left_column_section_title.jpg) top center no-repeat; font-family:verdana;
}

#left_column_section #left_column_section_title_comment {
	font-size: 13px; font-family:verdana; text-transform:uppercase;
	font-weight: 500;
	padding: 10px 0 0 60px;
	height: 33px; /* padding top 7px + */
	background: url(images/templatemo_left_column_section_title_comment.jpg) top center no-repeat; font-family:verdana;
}

#left_column_section #left_column_section_middle {

	padding: 0 15px 10px 15px;
	background: url(images/templatemo_left_column_section_bottom.jpg) center bottom no-repeat;
}


#left_column_section #left_column_section_middle ul {
	margin: 0px;
	padding: 0px;
}

#left_column_section #left_column_section_middle ul li {

	list-style: none;
	margin: 0 0 1px 0;
	padding: 0 0 1px 0;
	border-bottom: 0px dotted #333;
}

#left_column_section #left_column_section_middle a{text-decoration:none;}

#left_column_section_middle .popular_post {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #525252;
}

#left_column_section_middle .popular_post h1 {
	margin: 10px 0 5px 0;
	padding: 0px;
	font-size: 12px;
	color: #f6ff00;
}

.popular_post p{
	margin: 0 0 0 10px;
	padding: 0px;
}

/* end of content left */

/* content right */

#templatemo_content_right .right_column_section {
	background-color: #2a2a2a;
	
}

.right_column_section .right_column_section_title {
	height: 50px;
	background: url(images/templatemo_right_section_bg.jpg) no-repeat;
	color: #b5ff5e;
	font-size: 24px;
	font-weight: bold;
	padding: 30px 0 0 30px;
}

.right_column_section .right_column_section_body {
	clear: both;
	padding: 0 30px 0 30px;	
}

.right_column_section_body  .image_box {
	float: left;
	width: 108px;	
}

.right_column_section_body  .post_body {
	width: 95%;
	float: right;
}

.right_column_section_body p{
	padding: 0 0 10px 0;
	margin: 0px;
}

.post_body  .posted_by {
	color: #ffc600;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0px;
}

.posted_by a, a:hover, a:visited {
	color: #7eff00;
}

.right_column_section_body .post_info {
	height: 30px;
	margin-top: 15px;
	color: #5cc311;
}

.post_info .comment {
	padding: 0 0 0 20px;
	margin-right: 30px;
	background: url(images/templatemo_comment_icon.jpg) top left no-repeat;
}

/* end of content right */

/* bottom panel */
#templatemo_bottom_panel {
	clear: both;
	width: 100%;	
	background-color: #080808 ;
}

#templatemo_bottom_panel  #templatemo_bottom_section {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	width: 870px;
	margin: auto;
}

#templatemo_bottom_section h1 {
	color: #c7f119;
	padding: 0px;
	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
}

#templatemo_bottom_section h2 {
	color: #f6ff00;
	padding: 0px;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: normal;
}

#templatemo_bottom_section .templatemo_bottom_section_01 {
	float: left;
	margin-right: 30px;
	width: 240px;
	background-color: #151515; 
}

.templatemo_bottom_section_01 .templatemo_bottom_section_01_top {
	height: 10px;
	background: url(images/templatemo_bottom_section_top.jpg) no-repeat;
}

.templatemo_bottom_section_01 .templatemo_bottom_section_01_middle {
	padding: 5px 15px 0 15px;
}

.templatemo_bottom_section_01_middle  .most_commented_post {
	clear: both;
	
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333;
}

.most_commented_post .comment {
	background: url(images/templatemo_comment_icon_02.jpg) right center no-repeat;
	float: left;
	min-width: 40px;
	margin-left: 10px;
	padding-right: 20px;
}

.templatemo_bottom_section_01_middle a, a:visited{
	color: #fff;
	text-decoration: none;
}

.templatemo_bottom_section_01_middle a:active, a:hover{
	color: #f6ff00;
	text-decoration: none;
}

.templatemo_bottom_section_01_middle ul {
	margin: 0px;
	padding: 0px;
}

.templatemo_bottom_section_01_middle ul li{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #333;
}

.templatemo_bottom_section_01 .templatemo_bottom_section_01_bottom {
	width: 240px;
	height: 10px;
	background: url(images/templatemo_bottom_section_bottom.jpg) no-repeat;
}

* html .templatemo_bottom_section_01 .templatemo_bottom_section_01_bottom {
	margin-bottom: -5px;
}


#templatemo_bottom_section .templatemo_bottom_section_02 {
	text-align:left;
	padding-top: 20px;
	width: auto;
}

/* end of bottom panel */

/* footer */

#templatemo_footer_panel{
	width: 100%;
	background-color: #5f8104;
}

#templatemo_footer_panel #templatemo_footer_section{
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
/* end of footer */

/* -----------------------     DEBUT TICKER  --------------------------------*/



.ticker {
	width: auto;
	height: 21px;
	overflow: hidden;
	border: 1px solid #ddd;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #fff;
	background:#FFFFFF url(../images/news.png) no-repeat left; padding:0 0 0 80px;
}

.ticker1 {
	width: 89%; margin:0 0 0 22px; 
	height: 21px;
	overflow: hidden;
	border: 1px solid #ddd; 
	padding: 0;
	list-style: none;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #fff;
	background:#FFFFFF url(images/news.png) no-repeat left; padding:2px 0 0 85px; color:#000000;
}

#ticker_02 {
	height: 225px; width:98%;
}

.ticker li { font-family:verdana; font-size:11px;
	height: 21px;
	border-bottom: 1px dotted #DDD;
	padding: 2px 0 0 0;
	margin: 0px 5px;
}

#ticker_04 {
	height: 150px;
}
#ticker_04 li {
	height: 40px;
	overflow: hidden;
} 
#ticker_04 img {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
} 

#example_4 { display: none;}

/* -----------------------     FIN TICKER  --------------------------------*/

ol,ul{list-style:none;margin:0;padding:0;}
.social-icons {
	 float: right;
	 padding: 0px;
	 height:40px; width:160px; background:inherit;
}
.social-icons li a {
	height: 40px;
	width: 40px;
	display:block;
	text-indent: -9999px;
	background:inherit;
	text-decoration: none;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.contact-info1{
	font-weight: normal;
	color: #BBB;
}
.social-icons li:first-child {
}
.social-icons ul li:first-child, ol li:first-child {
	margin-top: 0px;
}
.social-icons ul li:nth-child(6) {
	margin-top: 0px;
}
.social-icons li {
	float: left;
	width: 40px;
	height: 40px;
	background: none;
	padding: 0px;
	margin: 0;
}
.social-icons li a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/social-icons.png);
}

.social-icons a.facebook {
	background-position: 0px top;
}
.social-icons a.facebook:hover {
	background-position: 0px bottom;
}

.social-icons a.twitter {
	background-position: -40px top;
}
.social-icons a.twitter:hover {
	background-position: -40px bottom;
}
.social-icons a.googleplus {
	background-position: -440px top;
}
.social-icons a.googleplus:hover {
	background-position: -440px bottom;
}

.social-icons a.likedin {
	background-position: -280px top;
}
.social-icons a.likedin:hover {
	background-position: -280px bottom;
}


.social-icons a.vimeo {
	background-position: -120px top;
}
.social-icons a.vimeo:hover {
	background-position: -120px bottom;
}
.social-icons a.dribbble {
	background-position: -160px top;
}
.social-icons a.dribbble:hover {
	background-position: -160px bottom;
}

.social-icons a.pinterest {
	background-position: -200px top;
}
.social-icons a.pinterest:hover {
	background-position: -200px bottom;
}

.social-icons a.rss {
	background-position: -240px top;
}
.social-icons a.rss:hover {
	background-position: -240px bottom;
}


/*--------- slider ---------*/
#slide { position:relative; overflow:hidden;  border-radius:12px; background:#ebebec; width:100%; margin:0px auto 0 auto; padding:0px; z-index:2;}

.slider { width:100%; height:175px; margin:0 auto; position:relative; z-index:2; }
.items { display:none;}

.pagination { position:absolute; bottom:0px; left:0px; display:inline-block; background:url(../images/pagination-bg.png) 0 0 repeat; width:910px; padding:15px 0 14px 30px; border-radius:0 0 8px 8px; z-index:999 !important; }
.pagination li {float:left;	margin-right:4px;}
.pagination a { display:block; width:21px; height:21px; background:url(../images/pagination.png) right 0 no-repeat; }
.pagination li.current a, .pagination li:hover a { background-position: 0 0;}

.prev {}
.prev:hover {}
.next {}
.next:hover {}

.banner{ z-index:1000 !important; position:absolute; top:356px; color:#fbebc4; right:0px;text-align:right; font-family: 'Condiment', cursive; font-size:24px; line-height:30px; color:#000000; width:700px; margin-right:30px;}

-----------------------------------------------*/


.blocks p {
margin-bottom:15px;
position:relative;
}

.btn {
display:block;
float:left;
height:31px;
line-height:31px;
padding:0 10px;
background:url(../gfx/bgbtn.jpg) repeat-x;
color:#565e62;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none; cursor:pointer;
}

.text,
.textarea {
padding:5px 10px;
height:27px;
border:1px solid #ddd;
color:#333;
background:url(../gfx/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2;
}

.text {
width:220px;
}

.textarea {
height:150px;
width:350px;
}

.blocks label {
float:left;
width:100px;
line-height:37px;
text-align:right;
margin-right:15px;
font-weight:bold;
color:#fff;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
left:110px;
padding:5px 15px 5px 280px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:257px 16px;
}

.blocks label.ok {
background-image:url(../gfx/icook.gif);
background-color:#deefca;
color:#577530;
}

.blocks label.error {
background-image:url(../gfx/icofail.gif);
background-color:#f5d6d7;
color:#c81925;
}

.area label.ok,
.area label.error {
height:163px;
padding-left:410px;
background-position:387px 16px;
}

/* CSS3 */
.pub,
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.img_part{border:none; margin:10px auto 10px;}

#partenaires{color:#000000; text-align:center; font-weight:bold; }